﻿@model WebVideo.Areas.Admin.Models.VideoModel     
@{
    ViewBag.Title = "Edit";
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}
<script src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>

<script src="../../../../Content/cssAdmin/ckeditor/ckeditor.js"></script>

<script type="text/javascript">
    jQuery(document).ready(function () {
        $('#nofSuccess').hide(); // an thong bao
        $('#nofError').hide();
        $('#errorlist').hide();
        $('#City').hide();
        readyValue();

    });
   

    function alertMsg(msg) {
        $('#nofSuccess').hide();
        $('#nofError').show();
        $('#msgNofError').text(msg);
    }
    function checkField() {

        var image = $("#Image").val();
        if (image == null || image == "") {
            //do nothing
        }
        else {
            var ext = image.substring((Math.max(0, image.lastIndexOf(".")) || image.length) + 1);
            ext = ext.toLowerCase();
            if (ext != "jpg" && ext != "jpeg" && ext != "gif" && ext != "png") {
                msg = "! Upload Image (.jpg, .jpeg, .gif hoặc .png)";
                alertMsg(msg);
                return false;
            }
        }
        return true;
    }
</script>
<div class="maincontentinner">
    <ul class="maintabmenu">
        <li class="current"><a href="@Url.Action("Index", "Video")" >Index</a></li>
        <li class="current"><a href="@Url.Action("Insert", "Video")" >Insert</a></li>
    </ul>
    <!--maintabmenu-->
    <div class="notification msgsuccess" style="display: none" id="nofSuccess">
        <a class="close"></a>
        <p id="msgNofSuccess">This is a success message.</p>
    </div>
    <!-- notification msgsuccess -->
    <div class="notification msgerror" style="display: none" id="nofError">
        <a class="close"></a>
        <p id="msgNofError">This is an error message.</p>
    </div>
    <!-- notification msgerror -->
    <div class="contenttitle radiusbottom0">
        <h2 class="table"><span>Insert Video</span></h2>
    </div>
    <!--contenttitle-->
    @using (Html.BeginForm("Edit", "Video",
            new { ReturnUrl = ViewBag.ReturnUrl },
            FormMethod.Post, new { @class = "stdform stdform2", @enctype = "multipart/form-data" }))
    {     
        <p>

            <span class="field">
                @Html.HiddenFor(model => model.Id)

            </span>
        </p>           
        <p>
            <label>Tên video </label>
            <span class="field">
                @Html.EditorFor(model => model.Name)
                @Html.ValidationMessageFor(model => model.Name)
            </span>
        </p>
        <p>
            <label>URL Video </label>
            <span class="field">
                @Html.EditorFor(model => model.Video)
                @Html.ValidationMessageFor(model => model.Video)
            </span>
        </p>
        <p>
            <label>Loại video</label>
            <span class="field">
                <select name="IdType" id="IdType">
                    @{
                    foreach (var item in Model.DSTypeVideo)
                    {
                        <option value="@item.Id">@Html.DisplayFor(modelitem => item.Name)</option>
                    }
                    }
                </select>
            </span>
        </p>
        <p>
            <label>Loại câu hỏi cho video </label>
            <span class="field">
                <select name="TypeQuestion" id="TypeQuestion">
                    @{
                        if(@Model.TypeQuestion == 1)
                        {
                         <option value="1">Tự luận</option>
                         <option value="2">Trắc nghiệm</option>
                        }
                        else{
                            <option value="2">Trắc nghiệm</option>
                            <option value="1">Tự luận</option>
                        }
                    }
                </select>
            </span>
        </p>
        <p>
            <label>Số lượt xem </label>
            <span class="field">
                @Html.EditorFor(model => model.Views)
                @Html.ValidationMessageFor(model => model.Views)
            </span>
        </p>
        <p>
            <label>Tiêu chí người dùng</label>
            <span class="field">
                <select name="Criteria" id="Criteria">
                    <option value="All">Tất cả</option>
                    <option value="Age>18">Lớn hơn 18 tuổi</option>
                    <option value="Age<18">Nhỏ hơn 18 tuổi</option>
                    <option value="Male">Nam</option>
                    <option value="Female">Nữ</option>
                    <option value="City">Thành phố</option>
                </select>
                <select id="City" name ="City">
                    <option value='Hồ Chí Minh'>Hồ Chí Minh</option>
                    <option value='An Giang'>An Giang</option>
                    <option value='Bắc Giang'>Bắc Giang</option>
                    <option value='Bắc Kạn'>Bắc Kạn</option>
                    <option value='Bạc Liêu'>Bạc Liêu</option>
                    <option value='Bắc Ninh'>Bắc Ninh</option>
                    <option value='Bến Tre'>Bến Tre</option>
                    <option value='Bình Dương'>Bình Dương</option>
                    <option value='Bình Phước'>Bình Phước</option>
                    <option value='Bình Thuận'>Bình Thuận</option>
                    <option value='Bình Định'>Bình Định</option>
                    <option value='BR-Vũng Tàu'>BR-Vũng Tàu</option>
                    <option value='Cà Mau'>Cà Mau</option>
                    <option value='Cần Thơ'>Cần Thơ</option>
                    <option value='Cao Bằng'>Cao Bằng</option>
                    <option value='Gia Lai'>Gia Lai</option>
                    <option value='Hà Giang'>Hà Giang</option>
                    <option value='Hà Nam'>Hà Nam </option>
                    <option value='Hà Nội'>Hà Nội</option>
                    <option value='Hà Tĩnh'>Hà Tĩnh </option>
                    <option value='Hải Dương'>Hải Dương</option>
                    <option value='Hải Phòng'>Hải Phòng</option>
                    <option value='Hậu Giang'>Hậu Giang</option>
                    <option value='Hòa Bình'>Hoà Bình</option>
                    <option value='Hưng Yên'>Hưng Yên</option>
                    <option value='Khánh Hòa'>Khánh Hoà</option>
                    <option value='Kiên Giang'>Kiên Giang</option>
                    <option value='Kon Tum'>Kon Tum</option>
                    <option value='Lai Châu'>Lai Châu</option>
                    <option value='Lâm Đồng'>Lâm Đồng</option>
                    <option value='Lạng Sơn'>Lạng Sơn</option>
                    <option value='Lào Cai'>Lào Cai</option>
                    <option value='Long An'>Long An</option>
                    <option value='Nam Định'>Nam Định</option>
                    <option value='Nghệ An'>Nghệ An</option>
                    <option value='Ninh Bình'>Ninh Bình </option>
                    <option value='Ninh Thuận'>Ninh Thuận</option>
                    <option value='Phú Thọ'>Phú Thọ </option>
                    <option value='Phú Yên'>Phú Yên</option>
                    <option value='Quảng Bình'>Quảng Bình</option>
                    <option value='Quảng Nam'>Quảng Nam </option>
                    <option value='Quãng Ngãi'>Quảng Ngãi</option>
                    <option value='Quảng Ninh'>Quảng Ninh</option>
                    <option value='Quảng Trị'>Quảng Trị</option>
                    <option value='Sóc Trăng'>Sóc Trăng</option>
                    <option value='Sơn La'>Sơn La</option>
                    <option value='Tây Ninh'>Tây Ninh</option>
                    <option value='Thái Bình'>Thái Bình</option>
                    <option value='Thái Nguyên'>Thái Nguyên</option>
                    <option value='Thanh Hóa'>Thanh Hoá</option>
                    <option value='Thừa Thiên Huế'>Thừa Thiên Huế</option>
                    <option value='Tiền Giang'>Tiền Giang</option>
                    <option value='Trà Vinh'>Trà Vinh </option>
                    <option value='Tuyên Quang'>Tuyên Quang</option>
                    <option value='Vĩnh Lonh'>Vĩnh Long </option>
                    <option value='Vĩnh Phúc'>Vĩnh Phúc</option>
                    <option value='Yên Bái'>Yên Bái</option>
                    <option value='Đà Nẵng'>Đà Nẵng</option>
                    <option value='Đắc Lắk'>Đắc Lắk </option>
                    <option value='Đắc Nông'>Đắc Nông</option>
                    <option value='Điện Biên'>Điện Biên</option>
                    <option value='Đồng Nai'>Đồng Nai </option>
                    <option value='Đồng Tháp'>Đồng Tháp</option>

                </select>
            </span>
        </p>
        <p>
            <label>Tên công ty</label>
            <span class="field">
                <select name="IdBusiness" id="IdBusiness">
                    @{
                        foreach (var item in Model.DSBusiness)
                        {
                                    <option value="@item.UserName ">@Html.DisplayFor(modelitem => item.CompanyName)</option>
                        }
                    }
                </select>
            </span>
        </p>
        <p>
            <label>Last Image</label>
            <span class="field">
                @{
                        var imageFile = "~/Content/Images/Video/";
                        if (@Model.Image != null)
                        {
                            imageFile += @Model.Image;
                        }
                        else
                        {
                            imageFile += "no-photo.jpg";
                        }
                }
                <img src="@Url.Content(@imageFile)" alt="" style="height:100px; width:100px" />
            </span>
        </p>
        <p>
            <label>Image <small>Size ideal :300x300px |Dung lượng < 2M</small> </label>
            <span class="field">
                @Html.TextBoxFor(model => model.Image, new { type = "file" })
            </span>
        </p>
        <p>
            <label>MetaDesrciption <small>Miểu tả ngắn gọn</small> </label>
            <span class="field">
                @Html.EditorFor(model => model.MetaDesciption)
                @Html.ValidationMessageFor(model => model.MetaDesciption)
            </span>
        </p>
        <p>
            <label>MetaKeyWord <small> Các từ khóa liên quan</small></label>
            <span class="field">
                @Html.EditorFor(model => model.MetaKeyWord)
                @Html.ValidationMessageFor(model => model.MetaKeyWord)
            </span>
        </p>
        <p class="stdformbutton">
            <input type="submit" value="Chấp nhận" onclick="return checkField()" />
            <input type="submit" value="Quay lại" onclick="javascript: history.back(); return false" />
        </p> 
    }
</div>
<!--maincontentinner-->
<script type="text/javascript"  src="@Url.Content("~/Content/cssAdmin/js/custom/tables.js")" ></script>
<script type="text/javascript"  src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery.dataTables.min.js")" ></script>

<script>
    $("#Criteria").change(function () {
        if ($('#Criteria').val() == "City") {
            $('#City').show();
        }
        else {
            $('#City').hide();
        }
    });

</script>

